import React from 'react';
// import logo from './logo.svg';
// import Amcharts from './component/xy-chart-value'
// import DemoAmcharts from './component/xy-demo'
import LifePeriod from './component/line-chart-with-range-slider'
import AmchartsDemo from './component/icons'
// import AmchartsDemo from './component/bullets'
// import LineAmcharts from './component/mul-series'
import Pie01 from './component/pie01'
import Pie02 from './component/grouped-and-sorted-columns'
import HeatChart from './component/heat-map-with-legend'
import './App.css';
import MDialog from './component/m-dialog'
import Tooltip01 from './component/tootip01'
import GrayArea from './component/gray-area'
import TwoIcon from './component/two-icon'
import JianBian from './component/jian-bian'
import LinePattern from './component/line-pattern'
import RangeDemo from './component/range-demo'
import XAxisButton from './component/xAxisButton'
import GetY from './component/getYPixel'
import BaseReact from './study-react'
function App() {
  return (
    <div className="App">
      <BaseReact />
      {/* <LifePeriod /> */}
      <GetY />
      <XAxisButton />
      <Tooltip01 />
      <RangeDemo />
      {/* <LinePattern /> */}
      {/* <JianBian /> */}
      {/* <GrayArea /> */}
      {/* <TwoIcon /> */}
      {/* <MDialog /> */}
      {/* <Amcharts /> */}
      {/* <DemoAmcharts /> */}
      {/* 折线图 */}
      {/* <AmchartsDemo /> */}
      {/* <LineAmcharts /> */}
      {/* <Pie01 />
      <Pie02 />
      <HeatChart /> */}
    </div>
  );
}

export default App;
